<!DOCTYPE html>
<html  xmlns:th="http://www.thymeleaf.org"  class="app js no-touch no-android chrome no-firefox no-iemobile no-ie no-ie10 no-ie11 no-ios">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>香港魚蝦蟹押寶-查詢</title>
    <meta name="keywords" content="香港魚蝦蟹押寶-查詢 ">
    <meta name="description" content="香港魚蝦蟹押寶-查詢">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link th:href="@{/css/style-chart-min.css}"  type="text/css" rel="stylesheet"  href="../static/css/style-chart-min.css">
    <link th:href="@{/css/bootstrap.min.css}"  rel="stylesheet"  href="../static/css/bootstrap.min.css" type="text/css">
    <link th:href="@{/css/style.css}"  rel="stylesheet"  href="../static/css/style.css" type="text/css">
    <script th:src="@{/js/jquery.min.js}"  src="../static/js/jquery.min.js"></script>
    <script  th:src="@{/js/bootstrap.min.js}" src="../static/js/bootstrap.min.js"></script>

    <link rel="stylesheet" th:href="@{/css/chart-min.css}"  href="../static/css/chart-min.css" type="text/css">
    <script th:src="@{/js/boot-min.js}"  src="../static/js/boot-min.js" type="text/javascript"></script>
    <script th:src="@{/js/ESUNChart-min.js}" src="../static/js/ESUNChart-min.js" type="text/javascript"></script>
    <script th:src="@{/js/jquery.fixedtableheader.min.js}" src="../static/js/jquery.fixedtableheader.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        /*fw.onReady(function(){
         ESUNChart.init();
         oZXZ._on=true;
         oZXZ.check = function(td){
         if(td.className == 'chart-bg-c6 blank-c6' || td.className == 'chart-bg-c10 blank-c10'){
         return true;
         }
         return false;
         }
         oZXZ.bind("fixedtable").color("#fc9613").indent(5).setvl(0).add(13,2,16,0).color("#fc9613").add(29,2,4,0).color("#fc9613").add(33,2,4,0).color("#fc9613").add(37,2,4,0).color("#fc9613").add(41,2,4,0);
         oZXZ.draw(ESUNChart.ini.default_has_line);
         });*/
    </script>

<body style="width: 100%;">
<div class="container container-h bg-white scrollable wrapper wrapper-xxs">
    <!--banner-->
    <form th:action="@{|/index|}" method="post">
    <div class="lot-m clearfix">
        <div class="col-md-4 col-sm-6 lot-latest text-center">
            <div class=" clearfix" style="display:inline-block;">
                <p style="margin-top: 20px;">最新：
                    <span id="qishu" style="color:red;" th:text="${data.issueNo}">22136</span>期</p>
                </select>
            </div>
        </div>
        <div class="col-md-4 col-sm-6 open-cutdown no-padder">
            <select id="firstNum" name="firstNum" style="width: 100px;height: 50px;margin-top: 5px;">
            <option value="1">葫芦</option>
            <option value="2">金钱</option>
            <option value="3">鱼</option>
            <option value="4">鸡</option>
            <option value="5">蟹</option>
            <option value="6">虾</option>
            </select>
            <select id="secondNum" name="secondNum" style="width: 100px;height: 50px;margin-top: 5px;">
                <option value="1">葫芦</option>
                <option value="2">金钱</option>
                <option value="3">鱼</option>
                <option value="4">鸡</option>
                <option value="5">蟹</option>
                <option value="6">虾</option>
            </select>
            <select id="thirdNum" name="thirdNum" style="width: 100px;height: 50px;margin-top: 5px;">
                <option value="1">葫芦</option>
                <option value="2">金钱</option>
                <option value="3">鱼</option>
                <option value="4">鸡</option>
                <option value="5">蟹</option>
                <option value="6">虾</option>
            </select>
        </div>
        <div  class="col-md-4 col-sm-6 lot-result">
            <button style="width:50%;margin-top: 20px;" class="btn btn-sm btn-twitter tab-nav" id="tab-zoushi">
                保存
                <span class="arrow bottom h-ab-result" style="display: none;"></span></button>
        </div>
    </div>




    <div class="panel panel-default m-b-none">
        <div class="panel-heading btn-group" style="width:100%;">
            <button style="width:100%" class="btn btn-sm btn-twitter btn-facebook tab-nav" id="tab-result">
                <i class="glyphicon glyphicon-align-justify"></i> 预设开奖结果
                <span class="arrow bottom h-ab-result"></span></button>
        </div>
        <div class="table-responsive tab-content" id="content-result">
            <table class="table table-striped b-light" id="records">
                <thead>
                <tr>
                    <th>期號</th>
                    <th>時間</th>
                    <th>號碼</th>
				</tr>
                </thead>
                <tbody>
                    <tr th:each="lottery: ${data.lotterys}">
                        <td th:text="${lottery.issueNo}">22136</td>
                        <td th:text="${lottery.showTime}">12-06 13:41:56</td>
                        <td>
                        <span  class="cyanBlue"><img th:src="${lottery.firstUrl}" src="../static/img/yx_1.jpg" width="20px" height="20px"></span>,
                        <span  class="cyanBlue"><img th:src="${lottery.secondUrl}" src="../static/img/yx_4.jpg" width="20px" height="20px"></span>,
                        <span  class="cyanBlue"><img th:src="${lottery.thirdUrl}" src="../static/img/yx_6.jpg" width="20px" height="20px"></span></td>
                    </tr>
                    <tr  th:remove="all">
                        <td>22135</td>
                        <td>12-06 13:33:26</td>
                        <td>
                        <span class="cyanBlue"><img src="../static/img/yx_1.jpg" width="20px" height="20px"></span>,
                        <span class="cyanBlue"><img src="../static/img/yx_4.jpg" width="20px" height="20px"></span>,
                        <span class="cyanBlue"><img src="../static/img/yx_6.jpg" width="20px" height="20px"></span>
                        </td>
                    </tr>
                    <tr  th:remove="all">
                        <td>22134</td>
                        <td>12-06 13:24:56</td>
                        <td>
                        <span class="cyanBlue"><img src="../static/img/yx_1.jpg" width="20px" height="20px"></span>,
                        <span class="cyanBlue"><img src="../static/img/yx_4.jpg" width="20px" height="20px"></span>,
                        <span class="cyanBlue"><img src="../static/img/yx_6.jpg" width="20px" height="20px"></span>
                        </td>
                    </tr>
                    <tr  th:remove="all">
                        <td>22133</td>
                        <td>12-06 13:16:26</td>
                        <td>
                        <span class="cyanBlue"><img src="../static/img/yx_1.jpg" width="20px" height="20px"></span>,
                        <span class="cyanBlue"><img src="../static/img/yx_4.jpg" width="20px" height="20px"></span>,
                        <span class="cyanBlue"><img src="../static/img/yx_6.jpg" width="20px" height="20px"></span>
                        </td>
                    </tr>
                    <tr  th:remove="all">
                        <td>22132</td>
                        <td>12-06 13:07:56</td>
                        <td>
                        <span class="cyanBlue"><img src="../static/img/yx_1.jpg" width="20px" height="20px"></span>,
                        <span class="cyanBlue"><img src="../static/img/yx_4.jpg" width="20px" height="20px"></span>,
                        <span class="cyanBlue"><img src="../static/img/yx_6.jpg" width="20px" height="20px"></span>
                        </td>
                    </tr>
                </tbody>
            </table>
            
            <div th:include="page-common::pagediv" class="Pagination" style="margin-bottom: 20px;">
                <div>
                    <span class="current">1</span>
                        <a class="num" href="www_njooj_default_2.html">2</a>
                        <a class="num" href="www_njooj_default_3.html">3</a>
                        <a class="num" href="www_njooj_default_4.html">4</a>
                         <a class="num" href="www_njooj_default_5.html">5</a>
                         <a class="next" href="www_njooj_default_6.html">&gt;</a>
                </div>
            </div>

        </div>
        </div>
    </form>
</div>

<script>

    $(function() {
        /**分页处理**/
        $(".pageNumber").click(function(){
            var pageNumber=$(this).attr("pageNumber");
            $(this).closest("form").find("input[name='page']").val(pageNumber);
            $(this).closest("form").submit();
        });

        $("#tab-zoushi").click(function(){
            $(this).closest("form").find("input[name='page']").val(1);
            $(this).closest("form").attr("action","/input");
            $(this).closest("form").submit();
        });
    });


</script>


</body></html>